<template>
  <div>
    <ul class="list">
      <li>
        <!-- <router-link to="/zuixin">最新</router-link> -->
        <router-link :to="{ path: '/zuixin' }">最新</router-link>
      </li>
      <li>
        <router-link :to="{ name: 'quanneiredian' }">圈内热点</router-link>
      </li>
      <li>
        <router-link to="chuangxin">创新</router-link>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "",
  props: [""],
  data() {
    return {};
  },

  components: {},

  computed: {},

  beforeMount() {},

  mounted() {},

  methods: {},

  watch: {},
};
</script>
<style lang='less' scoped>
.list {
  display: flex;
  justify-content: space-around;
  li {
    a {
      text-decoration: none;
      color: pink;
    }
    .router-link-active {
      color: red;
    }
  }
}
</style>